<template>
  <router-view />

  <van-tabbar
    v-model="active"
    active-color="orange"
    :route="true"
    :placeholder="true"
  >
    <van-tabbar-item icon="wap-home-o" to="/home/index">首页</van-tabbar-item>
    <van-tabbar-item icon="apps-o" to="/home/classify">分类</van-tabbar-item>
    <van-tabbar-item icon="cart-o" to="/home/cart">购物车</van-tabbar-item>
    <van-tabbar-item to="/home/mine">
      我的
      <template #icon>
        <span>🏀</span>
      </template>
    </van-tabbar-item>
  </van-tabbar>
</template>

<script setup>
import { ref } from "vue";

const active = ref(0);
</script>
